<!DOCTYPE html>਍㰀䠀吀䴀䰀㸀ഀ
<HEAD>਍ऀ㰀吀䤀吀䰀䔀㸀 娀吀刀䔀䔀 䐀䔀䴀伀 ⴀ 戀攀昀漀爀攀䌀氀椀挀欀 ⼀ 漀渀䌀氀椀挀欀㰀⼀吀䤀吀䰀䔀㸀ഀ
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">਍ऀ㰀氀椀渀欀 爀攀氀㴀∀猀琀礀氀攀猀栀攀攀琀∀ 栀爀攀昀㴀∀⸀⸀⼀⸀⸀⼀⸀⸀⼀挀猀猀⼀搀攀洀漀⸀挀猀猀∀ 琀礀瀀攀㴀∀琀攀砀琀⼀挀猀猀∀㸀ഀ
	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">਍ऀ㰀猀挀爀椀瀀琀 琀礀瀀攀㴀∀琀攀砀琀⼀樀愀瘀愀猀挀爀椀瀀琀∀ 猀爀挀㴀∀⸀⸀⼀⸀⸀⼀⸀⸀⼀樀猀⼀樀焀甀攀爀礀ⴀ㄀⸀㐀⸀㐀⸀洀椀渀⸀樀猀∀㸀㰀⼀猀挀爀椀瀀琀㸀ഀ
	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>਍ऀ㰀℀ⴀⴀ  㰀猀挀爀椀瀀琀 琀礀瀀攀㴀∀琀攀砀琀⼀樀愀瘀愀猀挀爀椀瀀琀∀ 猀爀挀㴀∀⸀⸀⼀⸀⸀⼀⸀⸀⼀樀猀⼀樀焀甀攀爀礀⸀稀琀爀攀攀⸀攀砀挀栀攀挀欀ⴀ㌀⸀㔀⸀樀猀∀㸀㰀⼀猀挀爀椀瀀琀㸀ഀ
	  <script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->਍ऀ㰀匀䌀刀䤀倀吀 琀礀瀀攀㴀∀琀攀砀琀⼀樀愀瘀愀猀挀爀椀瀀琀∀㸀ഀ
		<!--਍ऀऀ瘀愀爀 猀攀琀琀椀渀最 㴀 笀ഀ
			data: {਍ऀऀऀऀ欀攀礀㨀 笀ഀ
					title:"t"਍ऀऀऀऀ紀Ⰰഀ
				simpleData: {਍ऀऀऀऀऀ攀渀愀戀氀攀㨀 琀爀甀攀ഀ
				}਍ऀऀऀ紀Ⰰഀ
			callback: {਍ऀऀऀऀ戀攀昀漀爀攀䌀氀椀挀欀㨀 戀攀昀漀爀攀䌀氀椀挀欀Ⰰഀ
				onClick: onClick਍ऀऀऀ紀ഀ
		};਍ഀ
		var zNodes =[਍ऀऀऀ笀 椀搀㨀㄀Ⰰ 瀀䤀搀㨀　Ⰰ 渀愀洀攀㨀∀渀ᩦ蒐㙶色릂≰Ⰰ 琀㨀∀ᄀ衢湟ᩦಐ迿뾖륏ᅰ❢≔Ⰰ 漀瀀攀渀㨀琀爀甀攀紀Ⰰഀ
			{ id:11, pId:1, name:"叶子节点 - 1", t:"我很普通，随便点我吧"},਍ऀऀऀ笀 椀搀㨀㄀㈀Ⰰ 瀀䤀搀㨀㄀Ⰰ 渀愀洀攀㨀∀偓艛릂⁰ⴀ ㈀∀Ⰰ 琀㨀∀ᄀ衢湟ᩦಐ迿뾖륏ᅰ❢≔紀Ⰰഀ
			{ id:13, pId:1, name:"叶子节点 - 3", t:"我很普通，随便点我吧"},਍ऀऀऀ笀 椀搀㨀㈀Ⰰ 瀀䤀搀㨀　Ⰰ 渀愀洀攀㨀∀一䈀萀㙶色릂≰Ⰰ 琀㨀∀뤀ᅰ౎䛿⽏൦上能点我的子节点，有本事点一个你试试看？", open:true},਍ऀऀऀ笀 椀搀㨀㈀㄀Ⰰ 瀀䤀搀㨀㈀Ⰰ 渀愀洀攀㨀∀偓艛릂㉰ ⴀ ㄀∀Ⰰ 琀㨀∀怀⩔啎䵓葏ὶ拿轥뾖륏ᅰὢ࿿썜륟㽰⹑⸀∀Ⰰ 挀氀椀挀欀㨀昀愀氀猀攀紀Ⰰഀ
			{ id:22, pId:2, name:"叶子节点2 - 2", t:"我有老爸罩着呢，点击我的小心点儿..", click:false},਍ऀऀऀ笀 椀搀㨀㈀㌀Ⰰ 瀀䤀搀㨀㈀Ⰰ 渀愀洀攀㨀∀偓艛릂㉰ ⴀ ㌀∀Ⰰ 琀㨀∀紀祙ᅫ形⽎⩦虎ﲘ౛⯿湒ᩦ꒐᝿ㅏ敜륧ﭰᅑ⹢⸀∀Ⰰ 挀氀椀挀欀㨀昀愀氀猀攀紀Ⰰഀ
			{ id:3, pId:0, name:"郁闷的父节点", t:"别点我，我好害怕...我的子节点随便点吧...", open:true, click:false },਍ऀऀऀ笀 椀搀㨀㌀㄀Ⰰ 瀀䤀搀㨀㌀Ⰰ 渀愀洀攀㨀∀偓艛릂㍰ ⴀ ㄀∀Ⰰ 琀㨀∀ऀౕ迿뾖륏ᅰ❢≔紀Ⰰഀ
			{ id:32, pId:3, name:"叶子节点3 - 2", t:"唉，随便点我吧"},਍ऀऀऀ笀 椀搀㨀㌀㌀Ⰰ 瀀䤀搀㨀㌀Ⰰ 渀愀洀攀㨀∀偓艛릂㍰ ⴀ ㌀∀Ⰰ 琀㨀∀ऀౕ迿뾖륏ᅰ❢≔紀ഀ
		];਍ഀ
		var log, className = "dark";਍ऀऀ昀甀渀挀琀椀漀渀 戀攀昀漀爀攀䌀氀椀挀欀⠀琀爀攀攀䤀搀Ⰰ 琀爀攀攀一漀搀攀Ⰰ 挀氀椀挀欀䘀氀愀最⤀ 笀ഀ
			className = (className === "dark" ? "":"dark");਍ऀऀऀ猀栀漀眀䰀漀最⠀∀嬀 ∀⬀最攀琀吀椀洀攀⠀⤀⬀∀ 戀攀昀漀爀攀䌀氀椀挀欀 崀☀渀戀猀瀀㬀☀渀戀猀瀀㬀∀ ⬀ 琀爀攀攀一漀搀攀⸀渀愀洀攀 ⤀㬀ഀ
			return (treeNode.click != false);਍ऀऀ紀ഀ
		function onClick(event, treeId, treeNode, clickFlag) {਍ऀऀऀ猀栀漀眀䰀漀最⠀∀嬀 ∀⬀最攀琀吀椀洀攀⠀⤀⬀∀ 漀渀䌀氀椀挀欀 崀☀渀戀猀瀀㬀☀渀戀猀瀀㬀挀氀椀挀欀䘀氀愀最 㴀 ∀ ⬀ 挀氀椀挀欀䘀氀愀最 ⬀ ∀ ⠀∀ ⬀ ⠀挀氀椀挀欀䘀氀愀最㴀㴀㴀㄀ 㼀 ∀渀ᩦঐⶐ≎㨀 ⠀挀氀椀挀欀䘀氀愀最㴀㴀㴀　 㼀 ∀㰀戀㸀혀術७ⶐ㱎⼀戀㸀∀ 㨀 ∀㰀戀㸀ﴀꂏ॒ⶐ㱎⼀戀㸀∀⤀⤀ ⬀ ∀⤀∀⤀㬀ഀ
		}		਍ऀऀ昀甀渀挀琀椀漀渀 猀栀漀眀䰀漀最⠀猀琀爀⤀ 笀ഀ
			if (!log) log = $("#log");਍ऀऀऀ氀漀最⸀愀瀀瀀攀渀搀⠀∀㰀氀椀 挀氀愀猀猀㴀✀∀⬀挀氀愀猀猀一愀洀攀⬀∀✀㸀∀⬀猀琀爀⬀∀㰀⼀氀椀㸀∀⤀㬀ഀ
			if(log.children("li").length > 8) {਍ऀऀऀऀ氀漀最⸀最攀琀⠀　⤀⸀爀攀洀漀瘀攀䌀栀椀氀搀⠀氀漀最⸀挀栀椀氀搀爀攀渀⠀∀氀椀∀⤀嬀　崀⤀㬀ഀ
			}਍ऀऀ紀ഀ
		function getTime() {਍ऀऀऀ瘀愀爀 渀漀眀㴀 渀攀眀 䐀愀琀攀⠀⤀Ⰰഀ
			h=now.getHours(),਍ऀऀऀ洀㴀渀漀眀⸀最攀琀䴀椀渀甀琀攀猀⠀⤀Ⰰഀ
			s=now.getSeconds();਍ऀऀऀ爀攀琀甀爀渀 ⠀栀⬀∀㨀∀⬀洀⬀∀㨀∀⬀猀⤀㬀ഀ
		}਍ഀ
		$(document).ready(function(){਍ऀऀऀ␀⸀昀渀⸀稀吀爀攀攀⸀椀渀椀琀⠀␀⠀∀⌀琀爀攀攀䐀攀洀漀∀⤀Ⰰ 猀攀琀琀椀渀最Ⰰ 稀一漀搀攀猀⤀㬀ഀ
		});਍ऀऀ⼀⼀ⴀⴀ㸀ഀ
	</SCRIPT>਍㰀⼀䠀䔀䄀䐀㸀ഀ
਍㰀䈀伀䐀夀㸀ഀ
<h1>单击节点控制</h1>਍㰀栀㘀㸀嬀 蜀蒍㩟 挀漀爀攀⼀挀氀椀挀欀⸀栀琀洀氀 崀㰀⼀栀㘀㸀ഀ
<div class="content_wrap">਍ऀ㰀搀椀瘀 挀氀愀猀猀㴀∀稀吀爀攀攀䐀攀洀漀䈀愀挀欀最爀漀甀渀搀 氀攀昀琀∀㸀ഀ
		<ul id="treeDemo" class="ztree"></ul>਍ऀ㰀⼀搀椀瘀㸀ഀ
	<div class="right">਍ऀऀ㰀甀氀 挀氀愀猀猀㴀∀椀渀昀漀∀㸀ഀ
			<li class="title"><h2>1、beforeClick / onClick 事件回调函数控制</h2>਍ऀऀऀऀ㰀甀氀 挀氀愀猀猀㴀∀氀椀猀琀∀㸀ഀ
				<li>利用 click 事件回调函数 可以进行各种其他的附加操作，这里简单演示如何监控此事件</li>਍ऀऀऀऀ㰀氀椀㸀㰀瀀㸀㰀猀瀀愀渀 挀氀愀猀猀㴀∀栀椀最栀氀椀最栀琀开爀攀搀∀㸀ᶋ한ঋୣ⁎㰀戀㸀䌀琀爀氀㰀⼀戀㸀 ⸀